* {
	line-height: 1.5;
	box-sizing: border-box;

	/* for debug */
	background-color: rgba(0, 0, 0, .05);
}

body {
	/* background-color: #444; */
	/* background-color: #f5f5f5; */

	font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;

	font-size: 16px;

}



.container {
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 atuo;
}



/* border-radius */
input,
.navbar {
	border-radius: 5px;


}



.navbar {
	/* height: 50px; */
	background-color: rgb(220, 0, 0, 0.7);

	padding: 5px 0;
}

.navbar h1 {
	font-size: 25px;
	color: white;
	text-align: center;
	margin: 0 auto;

}


.header h2 {

	color: #777;
	font-size: 20px;
	text-align: center;
}


.wrap {

	max-width: 500px;
	margin: 0 auto;
}


input {
	display: block;
	width: 100%;
	height: 40px;
	/* outline: none; */
	padding: 5px 10px;
	border: 1px solid rgba(0, 0, 0, .1);
}

input[type="submit"] {
	display: block;
	width: 15%;
}




/* todo */
.task-list {
	height: 100px;
	/* border: 1px solid black; */
}
